<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<title>Chapter 1. First WebGL Demo</title>
		<!-- 顶点着色器和片元着色器代码 -->
		<script id="vertex-shader" type="x-shader/x-vertex">
			attribute vec4 vPosition;
		
			void main(){
				gl_Position = vPosition;
			}
		</script>
		<script id="fragment-shader" type="x-shader/x-fragment">
			precision mediump float;
			varying vec4 fColor;
			void main(){
				gl_FragColor = vec4( 0, 0, 1.0, 1.0 );
			}
		</script>
		<!-- 一组相关的JS库 -->
		<script type="text/javascript" src="https://xxxlcom.gitee.io/xxxlcom1/homework/jsfile/webgl-utils.js"></script>
		<script type="text/javascript" src="https://xxxlcom.gitee.io/xxxlcom1/homework/jsfile/initShaders.js"></script>
		<!-- <script type="text/javascript" src="../js/common/glMatrix-0.9.5.min.js"></script> -->
		<!-- 绘制三角形的JS代码 -->
		<script type="text/javascript" src="https://xxxlcom.gitee.io/xxxlcom1/homework/jsfile/triangle.js"></script>
	</head>
	<body>
		<canvas id="triangle-canvas" style="border: aqua;" width="500" height="500"></canvas>
	</body>
</html>